@import "pub";
.wrap{
  @include wrap();
  .searchpage{
    .searchbar{
      background-color: #fff;
      padding: 20px 0;
      @include flexlbox(row,flex-start,center);
      .searchitem{
        padding-left: 10px;
      }
    }
    .searchresult{
      @include flexlbox(row,flex-start,center);
      margin-top: 20px;
      .h_comt_other{
        margin-top: 10px;
      }
      .icon_faci{
        margin-left: 10px;
        background: url('../../assets/img/hotel-com.png') no-repeat 0 0;
        width: 18px;
        height: 18px;
        display: inline-block;
        background-size: 110px 90px;
        height: 16px;
      }
      .icon_wifi{ //wifi
        background-position: 0 -48px;
      }
      .icon_restaurant{ //餐馆
        background-position: -20px -48px;
      }  
      .icon_parking{ //停车
        background-position: -40px -48px;
      } 
      .icon_luggage{ //寄存
        background-position: -60px -48px;
      } 
      .icon_swimmingpool{ //用泳池
        background-position: -80px -48px;
      } 
      .icon_pickup{ //接机
        background-position: 0 -65px;
      } 
      .icon_meeting{ //会议室
        background-position: -20px -65px;
      } 
      .icon_fitness{ //健身
        background-position: -40px -65px;
      } 
          
    }
  }
  .nonebar{
    width: 100%;
    height: 350px;
    @include flexlbox(column,center,center);
  }
  .cityinfo{
    padding: 5px;
    box-sizing: border-box;
    .locaticonitem{
      padding: 5px 0;
      border-bottom: 1px solid #ddd;
      .title{
        font-weight: 600;
      }
      option{
        font-size: xx-small;
      }
    }
  }
  .hotelitem{
    border-bottom: 1px solid #ddd;
    padding: 10px;
    width: 930px;
    background-color: #fff;
    @include flexlbox(row,flex-start,flex-start);
    .hotelinfo{
      padding-left: 20px;
      flex: 5;
      .title{
        color: #37e;
        font: 18px Microsoft Yahei;
      }
      .address{
        margin-top: 10px;
        font-size: 12px;
      }
      .lastt_book{
        margin-top: 10px;
      }
    }
    .score{
      font-size: 18px;
      color: #37e;
      flex: 1;
      text-align: center;
      @include flexlbox(column,center,center);
      height: 100px;
    }
    .price{
      height: 100px;  
      @include flexlbox(column,space-between,center);
      text-align: center;
      flex: 1;
      .num{
        i {
          font-size:13px;
          font-style: normal;
        }

        span{
          font-size:25px;
          color: #F55;
        }
      }
      .todetails{
        font-size: 15px;
        color: #fff;

      }
        
    }
    .img{
      width: 180px;
      height: 130px;
      img{
        width: 100%;
        height: 100%;
      }
    }
  }
  .page{
    margin-top: 30px;
    @include flexlbox(column,center,center);
    
  }
}


